import React from "react";
import {addGun, addGunAysc, subGun} from "./index.redux";
import {connect} from "react-redux";

/**
 * @connect 装饰器用法
 * 1. 你要什么属性放在props里
 * 2. 你要什么方法放在props里自动dispatch
 */
@connect(state =>{
    return {num: state.counter};
    },
    {addGun, addGunAysc, subGun}
)
class App extends React.Component {
   render(){
       return (<div>
           <h1>现在有{ this.props.num }把机枪</h1>
           <button onClick={this.props.addGun }>申请武器</button>
           <button onClick={this.props.subGun }>上交武器</button>
           <button onClick={this.props.addGunAysc}>拖两天再给</button>
       </div>);
   }
}
export default App;